<template>
  <div>
    <el-container>
      <el-header>
        首页
        <el-button
          type="danger"
          icon="el-icon-arrow-left"
          style="float: right; margin-top: 10px"
          @click="exitLogin"
        >
          退出{{ ename }}用户登录
        </el-button>
      </el-header>
      <el-container>
        <el-aside width="150px" style="background-color: rgb(238, 241, 246)">
          <el-menu :default-openeds="['1','2','3','4']" :router="true" >
            <el-submenu index="1">
              <template slot="title">
                <i class="el-icon-truck"></i>采购
              </template>
              <el-menu-item-group>
                <el-menu-item index="/supplierList">供应商信息</el-menu-item>
                <el-menu-item index="/purorderList">采购订单</el-menu-item>
                <el-menu-item index="/purstorageList">采购入库</el-menu-item>
                <el-menu-item index="/purpayList">采购付款</el-menu-item>
                <el-menu-item index="/purinvoiceList">采购发票</el-menu-item>
                <el-menu-item index="/purorderdetailList"
                  >采购明细</el-menu-item
                >
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="2">
              <template slot="title">
                <i class="el-icon-document"></i>销售
              </template>
              <el-menu-item-group>
                <el-menu-item index="/orderStat">订单统计</el-menu-item>
                <el-menu-item index="/orderList">订单详情</el-menu-item>
                <el-menu-item index="/clientList">客户详情</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="3">
              <template slot="title">
                <i class="el-icon-s-home"></i>仓库
              </template>
              <el-menu-item-group>
                <el-menu-item index="/unloadGoods">入库管理</el-menu-item>
                <el-menu-item index="/goods">库存管理</el-menu-item>
                <el-menu-item index="/outloadGoods">出库管理</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="4">
              <template slot="title">
                <i class="el-icon-setting"></i>生产
              </template>
              <el-menu-item-group>
                <el-menu-item index="/productionorder">生产单</el-menu-item>
              </el-menu-item-group>
              <el-menu-item-group>
                <el-menu-item index="/productionproduced"
                  >生产状况</el-menu-item
                >
              </el-menu-item-group>
              <el-menu-item-group>
                <el-menu-item index="/productionreceive">生产领料</el-menu-item>
              </el-menu-item-group>
              <el-menu-item-group>
                <el-menu-item index="/productionover">结束生产</el-menu-item>
              </el-menu-item-group>
              <el-menu-item-group>
                <el-menu-item index="/productionstore">生产仓储</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
          </el-menu>
        </el-aside>
        <el-main><router-view /></el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
export default {
  data() {
    return {
      ename: "",
    };
  },
  mounted() {
    //this.ename = this.$route.params.ename;
    this.$axios.get("/employee/findEname").then((res) => {
      this.ename = res.data.msg;
    });
  },
  methods: {
    exitLogin() {
      this.$router.push("/login");
    },
  },
};
</script>

<style>
</style>